<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    马虎虎牛批~
    <i>马虎虎</i>
    <em>马虎虎</em>
    <b>马虎虎</b>
    <strong>马虎虎</strong>

    <i>
        <b>马虎虎</b>
    </i>
    <!-- > 子级 -->
    <i><strong>虎虎</strong></i>
</body>
</html>
<!-- 
    倾斜标签的使用
        i/em 表示文本倾斜,都可以使用，官方推荐用em
        i/em之间是有区别的，em更为倾斜，但是肉眼不可见，浏览器区分不明显

    加粗标签的使用
        b/strong 表示加粗
 -->